.skeleton {
  border-radius: 3px;
  background: #d00;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.skeleton.breath {
  animation: breathKeyframe 2s ease-in-out infinite;
}

.skeleton.slide {
  background: #ededed linear-gradient(120deg, rgba(255, 255, 255, 0) 45%, white 50%, rgba(255, 255, 255, 0) 60%);
  background-size: 240% 100%;
  background-position-x: 120%;
  animation: slideKeyframe 2s ease-in-out infinite;
}

@keyframes breathKeyframe {
  50% {
    opacity: .5;
  }
}

@keyframes slideKeyframe {
  to {
    background-position-x: -20%;
  }
}
